<template>
	<view id="app">
		<!-- 个人信息 -->
		<view class="area mt30 mlr30 plr30 lh100 f28">
			<!-- 头像 -->
			<view class="rows ptb20 bdb1sE">
				<view class="c333">头像</view>
				<view class="rows" @click="upimg">
					<image class="wh100 avatar" :src="wrap.avatar ? wrap.avatar : '/static/no.png'" mode="aspectFill">
					</image>
					<uni-icons class="ml5" type="arrowright" color="#999"></uni-icons>
				</view>
			</view>

			<!-- 昵称 姓名 -->
			<view class="rows bdb1sE">
				<view class="c333">昵称</view>
				<view class="rows f1">
					<input type="text" class="tar c666" v-model="wrap.nickname" placeholder="请输入姓名" />
					<uni-icons class="ml5" type="arrowright" color="#999"></uni-icons>
				</view>
			</view>

			<!-- 手机号 -->
			<navigator hover-class="none" url="/pages/my/binding" class="rows">
				<view class="c333">手机号</view>
				<view class="rows f1">
					<view class="tar c666 f1">{{wrap.mobile}}</view>
					<uni-icons class="ml5" type="arrowright" color="#999"></uni-icons>
				</view>
			</navigator>
		</view>

		<!-- 管理地址 -->
		<navigator hover-class="none" url="/pages/my/site/site" class="area rows mt30 mlr30 p30 f28">
			<view class="txt c333">收货地址管理</view>
			<view class="icon">
				<uni-icons type="arrowright" color="#999"></uni-icons>
			</view>
		</navigator>

		<!-- 保存 -->
		<view class="btn pay mt30 mlr30" @click="save">保存</view>
	</view>
</template>
<script>
	// 定义全局页面变量
	var that;
	export default {
		// 页面变量
		data() {
			return {
				// 内容
				wrap: {
					// 头像
					avatar: '',
				},
			}
		},

		// 获取后
		onLoad() {
			that = this;
		},

		// 页面出现
		onShow() {
			// 获取个人信息
			that.getuserinfo();
		},

		// 方法列表
		methods: {
			// 我的资料 接口
			getuserinfo() {
				// 获取用户信息
				that.util.getuserinfo((rs) => {
					// 赋值内容
					that.wrap = rs.data.userinfo;
				});
			},

			// 选择图片
			upimg() {
				// 上传图片
				that.util.img('avatar', 3, that.wrap, 1, (res) => {
					// 添加长路径图片
					that.wrap.avatar = res.data.fullurl;

					// 重新赋值 刷新页面
					that.wrap = Object.assign({}, that.wrap);
				});
			},

			// 修改个人信息
			save() {
				// 请求接口 
				that.request({
					url: '/api/user/profile',
					// 上传数据
					data: {
						// 昵称
						nickname: that.wrap.nickname,
						// 头像
						avatar: that.wrap.avatar,
					},
					// 调用成功
					success(rs) {
						// 返回成功
						if (rs.code == 1) {
							// 弹窗提示
							that.alert('保存成功');

							// 半秒后执行
							setTimeout(() => {
								// 返回跳转
								uni.navigateBack();
							}, 500);
						} else {
							//弹窗提示用户
							that.alert(rs.msg);
						}
					}
				})
			},
		},
	}
</script>
<style>
</style>
